<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人</title>
    <link rel="stylesheet" href="less/myinfo.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <header class="myinfo-header-title">
        <span class="title-return"></span>
        <span class="title-content">个人</span>
        <a href="myinfo/login.html">登录/注册</a>
    </header>

    <section>
        <aside class="myinfo-sec-top">
            <div class="bg-blue"></div>
            <div class="bg-grey">
                <p>您好 游客</p>
                <p>世界很大，抬脚出去荡~</p>
                <ul>
                    <li>
                        <p>¥ <span class="bigprice">50</span></p>
                        <p>红包优惠券</p>
                    </li>
                    <li>
                        <p><span class="bigprice">1000</span>分</p>
                        <p>积分</p>
                    </li>
                </ul>
            </div>
            <div class="head-icon"><a href="myinfo/login.html"></a></div>
            <div class="orange-camera"></div>
        </aside>
        <article>
            <div class="myinfo-sec-mian">
                <ul>
                    <li>
                        <a href="order.html">
                            <img src="images/icon/allorder.png">
                            <p>全部订单</p>
                        </a>

                    </li>
                    <li>
                        <a href="order.html">
                            <img src="images/icon/uncost.png">
                            <p>待付款</p>
                        </a>
                    </li>
                    <li>
                        <a href="order.html">
                            <img src="images/icon/Pen.png">
                            <p>未出行</p>
                        </a>
                    </li>
                    <li>
                        <a href="order.html">
                            <img src="images/icon/Message.png">
                            <p>待点评</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="myinfo-sec-bottom">
                <ul>
                    <li>
                        <p>
                            <img src="images/icon/photo.png">
                            <span>我的相册</span>
                        </p>
                        <span class="arrow"></span>
                    </li>
                    <li>
                        <p>
                            <img src="images/icon/map.png">
                            <span>我的行程</span>
                        </p>
                        <span class="arrow"></span>
                    </li>
                    <li>
                        <p>
                            <img src="images/icon/file.png">
                            <span>我的游记</span>
                        </p>
                        <span class="arrow"></span>
                    </li>
                    <li>
                        <p>
                            <img src="images/icon/wallet.png">
                            <span>我的财务</span>
                        </p>
                        <span class="arrow"></span>
                    </li>
                </ul>
            </div>
        </article>
    </section>

    <footer>
        <ul>
            <li>
                <a href="index.html" class="index">
                    <span class="img-index"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="search.html" class="search">
                    <span class="img-search"></span>
                    <p>目的地</p>
                </a>
            </li>
            <li>
                <a href="history.html" class="history">
                    <span class="img-history-active"></span>
                    <p>浏览历史</p>
                </a>
            </li>
            <li>
                <a href="myinfo.html" class="myinfo">
                    <span class="img-myinfo"></span>
                    <p>个人</p>
                </a>
            </li>
        </ul>
    </footer>

    <script>
        var back = document.querySelector('.title-return');
        back.onclick = function (e) {
            window.history.back(-1);
            e.prevent();
        }
    </script>
</body>

</html>